<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="js/poem.js"></script>
<link rel="stylesheet" href="css/poem.css" />
<title>诗歌生成器</title>
</head>

<body>
<br />

<!--发布区-->
<div id="create" title="发布区">
  <div id="edit" class="border">
    <table align="center" class="coll" >
      <tr>
        <td colspan="2" align="center">诗歌生成器<br />
          &nbsp;</td>
      </tr>
      <tr>
        <td>标题：</td>
        <td><input type="text" name="title" id="title" /></td>
      </tr>
      <tr>
        <td>关键字：</td>
        <td><input type="text" name="keyword" id="keyword"  /></td>
      </tr>
      <tr>
        <td>诗歌类型：</td>
        <td><select name="Poemtype">
            <option value="五言绝句">五言绝句</option>
            <option value="七言律诗">七言律诗</option>
          </select></td>
      </tr>
      <tr>
        <td colspan="2" align="center">&nbsp;<br />
          <input type="submit" name="btn" id="startbtn" class="btn" value="开始"  /></td>
      </tr>
    </table>
  </div>
  <div id="poem">
    <div id="poemmsg"></div>
    <div id="commentList" class="border" align="center"></div>
    <div id="show" align="center">&nbsp;<br />
      <button name="next" class="btn" id="backbtn"/>
      再来一首
      <button name="send" class="btn" id="publicbtn"/>
      发布 </div>
  </div>
</div>

<!--展示区-->
<div id="showPoems" title="展示区">
	<!--tab按钮-->
	<div id="tab"><button class="tabBtn"><img src="../images/allPoem.png" /></button><button class="tabBtn"><img src="../images/myPoem.png" /></button></div>
    <div id="all">
      <div>
          <!--第一列-->
          <div id="col0" class="col">
          
          
            <div>
              <div class="poem" title="五言绝句"> 春晓&nbsp;<br />
                  &nbsp;&nbsp;&nbsp;作者<br />
                春眠不觉晓，<br />
                处处闻啼鸟。<br />
                夜来风雨声，<br />
                花落知多少。<br />
              </div>
              
              <div class="comment" title="评论"> 
                <span>
                    评论1<br />
                    评论2<br />
                    评论3<br />
                </span> 
                <button id="moreComment">更多评论</button>
                <div class="newComment">
                  <textarea id="talk1" rows=1 cols=27 style='overflow:scroll;overflow-y:hidden;;overflow-x:hidden'
                  onfocus="window.activeobj=this;this.clock=setInterval(function(){activeobj.style.height=activeobj.scrollHeight+'px';},200);" onblur="clearInterval(this.clock);"></textarea>
                  <button id="sendTalk1" class="btn_2">评论</button>
                  
                </div>
              </div>
              
              
              
            </div>
      
          </div>
          <!--第二列-->
          <div id="col1" class="col"></div>
          <!--第三列-->
          <div id="col2" class="col"></div>
           <!--加载更多-->
          <div id="more"><button class="btn" id="morePoem">加载更多</button></div>
      </div>
  	</div>
</div>
</body>
</html>
